<template>
  <div>
    <WxTable v-if="dataType === 'wx'" :accountDataTable="accountDataTable" :color="color" />
    <DyTable v-else-if="dataType === 'dy'" :accountDataTable="accountDataTable" :color="color" />
    <WbTable v-else-if="dataType === 'wb'" :accountDataTable="accountDataTable" :color="color" />
    <BiliTable v-else-if="dataType === 'bili'" :accountDataTable="accountDataTable" :color="color" />
    <KsTable v-else-if="dataType === 'ks'" :accountDataTable="accountDataTable" :color="color" />
  </div>
</template>

<script>
  import WxTable from "./WxTable";
  import DyTable from "./DyTable";
  import WbTable from "./WbTable";
  import BiliTable from "./BiliTable";
  import KsTable from "./KsTable";
  export default {
    name: "accountTable",
    components: {WxTable, DyTable, WbTable, BiliTable, KsTable},
    props: ['dataType', 'accountDataTable', 'color'],
    data() {
      return {
      }
    },
    created() {
    },
    methods: {
    }
  }
</script>

<style scoped lang="less">
// ::v-deep .ant-table-thead > tr > th,::v-deep .ant-table-tbody > tr > td {
//   text-align: center;
// }
// ::v-deep .ant-table-thead > tr > th {
//   background: #F7F8FA;
//   color: #999;
//   font-size: 14px;
//   border-bottom: none;
// }
// ::v-deep .ant-table-tbody > tr > td{
//   border-bottom: 1px solid #F0F2F5;
// }
</style>